<!doctype html>

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->

<head>
<meta charset="UTF-8">
<title>HOME</title>

<link rel="stylesheet" type="text/css" href="assets/css/site.all.css">
<link rel="stylesheet" type="text/css" href="assets/js/mCustomScrollbar/jquery.mCustomScrollbar.css">

<script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="assets/js/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="assets/js/extends/easySlider1.7.js"></script>
<script type="text/javascript" src="assets/js/site.all.js"></script>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

</head>
<body class="body-index" data-controller="SiteInit">

<div class="container">

    <header>
        <div class="head-menu block">
            <div class="head-menu-l">
                <a href="index.php"><img src="assets/img/site/163.png"></a>
            </div>
            <div class="head-menu-r">
                <div class="menu-top">
                    <div class="form4search"><input type="text" > <a href="javascript:;"></a></div>
                </div>
            </div>
        </div>
    </header>

    <div class="home-wrapper block">
        <div class="wrapper-l">
            <a href="javascript:;" id="btnShowRightList"><img src="assets/img/site/174.gif"></a>
        </div>

        <div class="wrapper-r">
            <div class="wrapper-unit wrapper-r1">
                <div class="unit-tit">大型工程解决方案</div>
                <div class="unit-con">
                    <div class="slider4homeGC">
                        <div id="slider4homeGC">
                            <ul>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">青岛海湾大桥</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">青岛海湾大桥</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">青岛海湾大桥</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">青岛海湾大桥</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <script type="text/javascript">
                    $("#slider4homeGC").easySlider({ continuous: true, numericId: 'slider4homeGCnav', prevId:'slider4homeGC_prev', nextId:'slider4homeGC_next'});
                    </script>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r2">
                <div class="unit-tit">工程应用案例</div>
                <div class="unit-con">
                    <div class="slider4homeCase">
                        <div id="slider4homeCase">
                            <ul>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">中国石化</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">中国石化</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">中国石化</div>
                                </li>
                                <li>
                                    <div class="pic"><a href="javascript:;"><img src="assets/img/site/118.jpg"></a></div>
                                    <div class="txtBG"></div>
                                    <div class="txt">中国石化</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <script type="text/javascript">
                    $("#slider4homeCase").easySlider({ continuous: true, numericId: 'slider4homeCaseNav', prevId:'slider4homeCase_prev', nextId:'slider4homeCase_next'});
                    </script>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r3">
                <div class="unit-tit">资源中心</div>
                <div class="unit-con">
                    <div class="unit4resource"><a href="resource.php"><img src="assets/img/site/165.jpg"></a></div>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r4">
                <div class="unit4about">
                    <div class="unit-tit">关于我们</div>
                    <a href="about.php" class="redBG">了解更多</a>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r5">
                <div class="unit-tit">新闻中心</div>
                <div class="unit-con">
                    <div class="unit4news">
                        <dl>
                            <dt>2011年10月25日</dt>
                            <dd><a href="javascript:;">上海新国际博览中心 本公司将于2011年10月25日参加2011亚洲国际会...</a></dd>
                        </dl>
                    </div>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r6">
                <div class="unit-tit">联系我们</div>
                <div class="unit-con">
                    <div class="unit4contact">
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="20"><img src="assets/img/site/168.gif"></td>
                                <td>上海市松江区新桥镇民强路301号23栋</td>
                            </tr>
                            <tr>
                                <td><img src="assets/img/site/169.gif"></td>
                                <td>201612</td>
                            </tr>
                            <tr>
                                <td><img src="assets/img/site/170.gif"></td>
                                <td>021-51088999</td>
                            </tr>
                            <tr>
                                <td><img src="assets/img/site/171.gif"></td>
                                <td>021-57687579</td>
                            </tr>
                            <tr>
                                <td><img src="assets/img/site/172.gif"></td>
                                <td>800-820-8576</td>
                            </tr>
                            <tr>
                                <td><img src="assets/img/site/173.gif"></td>
                                <td>sales@hampton.com.cn</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="wrapper-unit wrapper-r7">
                <div class="unit-tit">质保政策</div>
                <div class="unit-con"><a href="policy.php"><img src="assets/img/site/167.jpg"></a></div>
            </div>
        </div>

        <div class="wrapper-list">
            <ul class="clearfix" id="homeWrapperList">
                <?php for($i=0; $i<9; $i++):?>
                <li>
                    <p class="pic"><a href="javascript:;"><img src="assets/img/site/175.jpg"></a></p>
                    <span class="new"></span>
                </li>
                <?php endfor;?>
            </ul>
        </div>
    </div>

    <script type="text/javascript">
    $('#homeWrapperList li').each(function(i){
        var $li = $(this), rightBorder = [2,5,8], bottomBorder = [6,7,8];
        if($.inArray(i, rightBorder) != -1)
            $li.css('border-right','none')
        if($.inArray(i, bottomBorder) != -1)
            $li.css('border-bottom','none')

        $li.bind('click', function(){
            $('#homeWrapperList li').removeClass('active').eq(i).addClass('active')
        });
    });
    $('#btnShowRightList').bind('click', function(){
        $('div.wrapper-r').hide();
        $('div.wrapper-list').fadeIn();
        $(this).unbind('click');
    })
    </script>

<?php include('_footer.php'); ?>
